<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">

<!-- CSS -->
<link rel="stylesheet" type="text/css" href="css/sdsway2_style.css"/>

<!-- JavaScript -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/common.js" charset="utf-8"></script>
<script type="text/javascript" src="js/dashBoard.js" charset="utf-8"></script>
<title>PPS-DashBoard</title>
</head>
<body>

<div style="display:none;">
<input type="hidden" id="qstYn" name="qstYn" value="N" />
</div>

<h3>Dash Board</h3>
<fieldset>
	<legend>사용자 목록</legend>
	<p><input type="button" id="buttonRefresh" value="새로고침" onclick="refreshAvatar()" /></p>
	<p>접속자 수 : <label id="userCount"></label></p>
	<table class="defaultTable">
		<caption hidden>아바타 목록</caption>
		<colgroup>
			<col width="60px" />
			<col width="" />
			<col width="60px" />
			<col width="60px" />
			<col width="100px" />
			<col width="160px" />
			<col width="80px" />
		</colgroup>
		<thead>
		<tr>
			<th>순위</th>
			<th>아바타ID</th>
			<th>X</th>
			<th>Y</th>
			<th>현재점수</th>
			<th>점수입력</th>
			<th>삭제</th>
		</tr>
		</thead>
		<tbody id="tbodyAvatarList">
		<c:forEach var="vo" items="${avatarVOList}" varStatus="loop">
			<tr id="trAvatarInfo_${vo.avatarId}">
				<td><span>${loop.index+1}</span></td>
				<td><span>${vo.avatarId}</span></td>
				<td><span>${vo.posX}</span></td>
				<td><span>${vo.posY}</span></td>
				<td><span>${vo.avatarScore}</span></td>
				<td>
					<input type="number" id="avatarScore_${vo.avatarId}" maxlength="3" style="width:50px;" />
					<input type="button" id="buttonDeleteAvatar_${vo.avatarId}" value="SET" onclick="setAvatarScore('${vo.avatarId}');" />
				</td>
				<td><input type="button" id="buttonDeleteAvatar_${vo.avatarId}" value="DELETE" onclick="deleteAvatar('${vo.avatarId}');" /></td>
			</tr>
		</c:forEach>
		</tbody>
	</table>
</fieldset>

<fieldset>
	<legend>현재 상태</legend>
	<ul>
		<li>
			<ul>
				<li>
					PT ID : <input id="inputPtId" type="text" style="width:50px;" value="${ptInfVO.ptId}"/><br/>
					PT NAME : <input id="inputPtName" type="text" style="width:300px;" value="${ptInfVO.ptName}" /><br/>
					<input type="hidden" id="ptStatCdHidden" value="${ptInfVO.ptStatCd}"></input> 
					현재 상태 : <span id="ptStatNameSpan" class="ptStatNm"></span> <select id="selectPtStatCd">
						<option value="10">준비</option>
						<option value="20">진행</option>
						<option value="25">동영상</option>
						<option value="26">프레지</option>
						<option value="30">설문진행</option>
						<option value="40">설문종료</option>
						<option value="50">실습진행</option>
						<option value="99">종료</option>
					</select>
					<input type="button" value="상태변경" onclick="goStat('sel');return false;"/>
				</li>
				<li>
					PRESENT POLL ID : <input id="inputPstPollId" type="text" style="width:50px" value="1"/>
				</li>
			</ul>
		</li>
	</ul>
</fieldset>
<fieldset>
	<legend>설문</legend>
	<table class="defaultTable">
		<colgroup>
			<col width="80px"/>
			<col width=""/>
			<col width="300px"/>
			<col width="100px"/>
		</colgroup>
		<tr>
			<th>종류</th>
			<th>문제</th>
			<th>보기</th>
			<th>시작/종료</th>
		</tr>
		<tbody>
			<tr>
				<td>
					<input type="radio" id="pollObjSubFlagOBJ" name="pollObjSubFlag" value="OBJ" checked="checked" onclick="toggleOpts('OBJ',this);"/><label for="pollObjSubFlagOBJ">객관식</label>
					<br />
					<input type="radio" id="pollObjSubFlagSUB" name="pollObjSubFlag" value="SUB" onclick="toggleOpts('SUB',this);"/><label for="pollObjSubFlagSUB">주관식</label>
					<br />
					<input type="radio" id="pollObjSubFlagOX" name="pollObjSubFlag" value="OX" onclick="toggleOpts('OX',this);"/><label for="pollObjSubFlagOX">OX</label>
				</td>
				<td>
					<textarea id="qstVal" name="qstVal" style="width:97%; height:120px;"></textarea>
				</td>
				<td>
					<div id="optsDiv">
						1.<input type="text" id="objOpt1" name="objOpt1" style="width:220px;"> <input type="number" id="optPoint1" name="optPoint1" maxlength="3" style="width:50px;"><br/>
						2.<input type="text" id="objOpt2" name="objOpt2" style="width:220px;"> <input type="number" id="optPoint2" name="optPoint2" maxlength="3" style="width:50px;"><br/>
						3.<input type="text" id="objOpt3" name="objOpt3" style="width:220px;"> <input type="number" id="optPoint3" name="optPoint3" maxlength="3" style="width:50px;"><br/>
						4.<input type="text" id="objOpt4" name="objOpt4" style="width:220px;"> <input type="number" id="optPoint4" name="optPoint4" maxlength="3" style="width:50px;">
					</div>
					<div id="oxOptsDiv" style="display:none;">
						1.<input type="text" id="oxOpt1" name="oxOpt1" style="width:220px;"> <input type="number" id="oxOptPoint1" name="oxOptPoint1" maxlength="3" style="width:50px;"><br/>
						2.<input type="text" id="oxOpt2" name="oxOpt2" style="width:220px;"> <input type="number" id="oxOptPoint2" name="oxOptPoint2" maxlength="3" style="width:50px;">
					</div>
				</td>
				<td>
					<input type="button" id="buttonStartPoll" name="buttonStartPoll" value="설문시작" onclick="startPoll(this);return false;" />
					<img id="loadingImg" src="img/loading.gif" style="display:none;"/>
					<input type="button" id="buttonTerminatePoll" name="buttonTerminatePoll" value="설문종료" onclick="terminatePoll(this);return false;" style="display:none;" />
					<br/>
					<input type="hidden" id="ptId" style="width:40px;" />
					<input type="hidden" id="pollId" style="width:40px;" />
				</td>
			</tr>
			<tr>
				<td>
					<input type="radio" id="pollObjSubFlagOBJ" name="pollObjSubFlag_0" value="OBJ" checked="checked" onclick="toggleOpts('OBJ');"/><label for="pollObjSubFlagOBJ_0">객관식</label>
					<br />
					<input type="radio" id="pollObjSubFlagSUB" name="pollObjSubFlag_0" value="SUB" onclick="toggleOpts('SUB');"/><label for="pollObjSubFlagSUB_0">주관식</label>
					<br />
					<input type="radio" id="pollObjSubFlagOX" name="pollObjSubFlag_0" value="OX" onclick="toggleOpts('OX');"/><label for="pollObjSubFlagOX_0">OX</label>
				</td>
				<td>
					<textarea id="qstVal" name="qstVal" style="width:97%; height:120px;">Tutorial.퀴즈! 어떤 팀이 1등 할 것 같나요!? </textarea>
				</td>
				<td>
					<div id="optsDiv">
						1.<input type="text" id="objOpt1" name="objOpt1" style="width:220px;" value="1) 놀러와">
						 <input type="number" id="optPoint1" name="optPoint1" maxlength="3" style="width:50px;" value="100"><br/>
						2.<input type="text" id="objOpt2" name="objOpt2" style="width:220px;" value="2) 응답하라 1985"> 
						 <input type="number" id="optPoint2" name="optPoint2" maxlength="3" style="width:50px;" value="0"><br/>
						3.<input type="text" id="objOpt3" name="objOpt3" style="width:220px;" value="3) S TEAM"> 
						 <input type="number" id="optPoint3" name="optPoint3" maxlength="3" style="width:50px;" value="0"><br/>
						4.<input type="text" id="objOpt4" name="objOpt4" style="width:220px;" value="4) 하우젠"> 
						 <input type="number" id="optPoint4" name="optPoint4" maxlength="3" style="width:50px;" value="0">
					</div>
					<div id="oxOptsDiv" style="display:none;">
						1.<input type="text" id="oxOpt1" name="oxOpt1" style="width:220px;"> <input type="number" id="oxOptPoint1" name="oxOptPoint1" maxlength="3" style="width:50px;"><br/>
						2.<input type="text" id="oxOpt2" name="oxOpt2" style="width:220px;"> <input type="number" id="oxOptPoint2" name="oxOptPoint2" maxlength="3" style="width:50px;">
					</div>
				</td>
				<td>
					<input type="button" id="buttonStartPoll" name="buttonStartPoll" value="설문시작" onclick="startPoll(this);return false;" />
					<img id="loadingImg" src="img/loading.gif" style="display:none;"/>
					<input type="button" id="buttonTerminatePoll" name="buttonTerminatePoll" value="설문종료" onclick="terminatePoll(this);return false;" style="display:none;" />
					<br><br>
					<input type="button" id="buttonStatus" name="buttonStatus" value="진행" onclick="goStat('btn','20');return false;"/>
					<br/>
					<input type="hidden" id="ptId" style="width:40px;" />
					<input type="hidden" id="pollId" style="width:40px;" />
				</td>
			</tr>
			<tr>
				<td>
					<input type="radio" id="pollObjSubFlagOBJ_2" name="pollObjSubFlag_3" value="OBJ" checked="checked" onclick="toggleOpts('OBJ');"/><label for="pollObjSubFlagOBJ_2">객관식</label>
					<br />
					<input type="radio" id="pollObjSubFlagSUB_2" name="pollObjSubFlag_3" value="SUB" onclick="toggleOpts('SUB');"/><label for="pollObjSubFlagSUB_2">주관식</label>
					<br />
					<input type="radio" id="pollObjSubFlagOX_2" name="pollObjSubFlag_3" value="OX" onclick="toggleOpts('OX');"/><label for="pollObjSubFlagOX_2">OX</label>
				</td>
				<td>
					<textarea id="qstVal" name="qstVal" style="width:97%; height:120px;">(60점) 1. 뱃살 빼는데 가장 큰 도움이 되는 운동?</textarea>
				</td>
				<td>
					<div id="optsDiv">
						1.<input type="text" id="objOpt1" name="objOpt1" style="width:220px;" value="1) 상복부 복근 운동">
						 <input type="number" id="optPoint1" name="optPoint1" maxlength="3" style="width:50px;" value="0"><br/>
						2.<input type="text" id="objOpt2" name="objOpt2" style="width:220px;" value="2) 유산소운동(달리기)"> 
						 <input type="number" id="optPoint2" name="optPoint2" maxlength="3" style="width:50px;" value="0"><br/>
						3.<input type="text" id="objOpt3" name="objOpt3" style="width:220px;" value="3) 근력강화운동(웨이트트레이닝)"> 
						 <input type="number" id="optPoint3" name="optPoint3" maxlength="3" style="width:50px;" value="60"><br/>
						4.<input type="text" id="objOpt4" name="objOpt4" style="width:220px;" value="4) 한달에 한번 실시하는 스포츠 클라이밍"> 
						 <input type="number" id="optPoint4" name="optPoint4" maxlength="3" style="width:50px;" value="0">
					</div>
					<div id="oxOptsDiv" style="display:none;">
						1.<input type="text" id="oxOpt1" name="oxOpt1" style="width:220px;" > <input type="number" id="oxOptPoint1" name="oxOptPoint1" maxlength="3" style="width:50px;"><br/>
						2.<input type="text" id="oxOpt2" name="oxOpt2" style="width:220px;" > <input type="number" id="oxOptPoint2" name="oxOptPoint2" maxlength="3" style="width:50px;">
					</div>
				</td>
				<td>
					<input type="button" id="buttonStartPoll" name="buttonStartPoll" value="설문시작" onclick="startPoll(this);return false;" />
					<img id="loadingImg" src="img/loading.gif" style="display:none;"/>
					<input type="button" id="buttonTerminatePoll" name="buttonTerminatePoll" value="설문종료" onclick="terminatePoll(this);return false;" style="display:none;" />
					<br><br>
					<input type="button" id="buttonStatus" name="buttonStatus" value="진행" onclick="goStat('btn','20');return false;"/>
					<br/>
					<input type="hidden" id="ptId" style="width:40px;" />
					<input type="hidden" id="pollId" style="width:40px;" />
				</td>
			</tr>
			<!-- 
			<tr>
				<td>
					<input type="radio" id="pollObjSubFlagOBJ_5" name="pollObjSubFlag_5" value="OBJ" checked="checked" onclick="toggleOpts('OBJ');"/><label for="pollObjSubFlagOBJ_5">객관식</label>
					<br />
					<input type="radio" id="pollObjSubFlagSUB_5" name="pollObjSubFlag_5" value="SUB" onclick="toggleOpts('SUB');"/><label for="pollObjSubFlagSUB_5">주관식</label>
					<br />
					<input type="radio" id="pollObjSubFlagOX_5" name="pollObjSubFlag_5" value="OX" onclick="toggleOpts('OX');"/><label for="pollObjSubFlagOX_5">OX</label>
				</td>
				<td>
					<textarea id="qstVal" name="qstVal" style="width:97%; height:120px;">(90점) 2. 체중 증가의 가장 큰 영향을 주는 것은?</textarea>
				</td>
				<td>
					<div id="optsDiv">
						1.<input type="text" id="objOpt1" name="objOpt1" style="width:220px;" value="1) 의지력이 떨어 질 때">
						 <input type="number" id="optPoint1" name="optPoint1" maxlength="3" style="width:50px;" value="0"><br/>
						2.<input type="text" id="objOpt2" name="objOpt2" style="width:220px;" value="2) 짧은 기간 극도의 스트레스"> 
						 <input type="number" id="optPoint2" name="optPoint2" maxlength="3" style="width:50px;" value="0"><br/>
						3.<input type="text" id="objOpt3" name="objOpt3" style="width:220px;" value="3) 지속적 낮은 강도 스트레스"> 
						 <input type="number" id="optPoint3" name="optPoint3" maxlength="3" style="width:50px;" value="90"><br/>
						4.<input type="text" id="objOpt4" name="objOpt4" style="width:220px;" value="4) 고칼로리 디저트 접시"> 
						 <input type="number" id="optPoint4" name="optPoint4" maxlength="3" style="width:50px;" value="0">
					</div>
					<div id="oxOptsDiv" style="display:none;">
						1.<input type="text" id="oxOpt1" name="oxOpt1" style="width:220px;"> <input type="number" id="oxOptPoint1" name="oxOptPoint1" maxlength="3" style="width:50px;"><br/>
						2.<input type="text" id="oxOpt2" name="oxOpt2" style="width:220px;"> <input type="number" id="oxOptPoint2" name="oxOptPoint2" maxlength="3" style="width:50px;">
					</div>
				</td>
				<td>
					<input type="button" id="buttonStartPoll" name="buttonStartPoll" value="설문시작" onclick="startPoll(this);return false;" />
					<img id="loadingImg" src="img/loading.gif" style="display:none;"/>
					<input type="button" id="buttonTerminatePoll" name="buttonTerminatePoll" value="설문종료" onclick="terminatePoll(this);return false;" style="display:none;" />
					<br/>
					<input type="hidden" id="ptId" style="width:40px;" />
					<input type="hidden" id="pollId" style="width:40px;" />
				</td>
			</tr>
			 -->
			<tr>
				<td>
					<input type="radio" id="pollObjSubFlagOBJ_6" name="pollObjSubFlag_6" value="OBJ" onclick="toggleOpts('OBJ');"/><label for="pollObjSubFlagOBJ_6">객관식</label>
					<br />
					<input type="radio" id="pollObjSubFlagSUB_6" name="pollObjSubFlag_6" value="SUB" onclick="toggleOpts('SUB');"/><label for="pollObjSubFlagSUB_6">주관식</label>
					<br />
					<input type="radio" id="pollObjSubFlagOX_6" name="pollObjSubFlag_6" checked="checked" value="OX" onclick="toggleOpts('OX');"/><label for="pollObjSubFlagOX_6">OX</label>
				</td>
				<td>
					<textarea id="qstVal" name="qstVal" style="width:97%; height:120px;">(100점) 2. 누가 더 좋은 다이어트 효과를 누렸을까?</textarea>
				</td>
				<td>
					<div id="optsDiv" style="display:none;">
						1.<input type="text" id="objOpt1" name="objOpt1" style="width:220px;"> <input type="number" id="optPoint1" name="optPoint1" maxlength="3" style="width:50px;"><br/>
						2.<input type="text" id="objOpt2" name="objOpt2" style="width:220px;"> <input type="number" id="optPoint2" name="optPoint2" maxlength="3" style="width:50px;"><br/>
						3.<input type="text" id="objOpt3" name="objOpt3" style="width:220px;"> <input type="number" id="optPoint3" name="optPoint3" maxlength="3" style="width:50px;"><br/>
						4.<input type="text" id="objOpt4" name="objOpt4" style="width:220px;"> <input type="number" id="optPoint4" name="optPoint4" maxlength="3" style="width:50px;">
					</div>
					<div id="oxOptsDiv">
						1.<input type="text" id="oxOpt1" name="oxOpt1" value="[칼로리 무관]<br>음식 종류 지정" style="width:220px;">
						 <input type="number" id="oxOptPoint1" name="oxOptPoint1" maxlength="3" style="width:50px;" value="100"><br/>
						2.<input type="text" id="oxOpt2" name="oxOpt2" value="[음식종류 무관]<br>칼로리 지정" style="width:220px;">
						 <input type="number" id="oxOptPoint2" name="oxOptPoint2" maxlength="3" style="width:50px;" value="0">
					</div>
				</td>
				<td>
					<input type="button" id="buttonStartPoll" name="buttonStartPoll" value="설문시작" onclick="startPoll(this);return false;" />
					<img id="loadingImg" src="img/loading.gif" style="display:none;"/>
					<input type="button" id="buttonTerminatePoll" name="buttonTerminatePoll" value="설문종료" onclick="terminatePoll(this);return false;" style="display:none;" />
					<br><br>
					<input type="button" id="buttonStatus" name="buttonStatus" value="진행" onclick="goStat('btn','20');return false;"/>
					<br/>
					<input type="hidden" id="ptId" style="width:40px;" />
					<input type="hidden" id="pollId" style="width:40px;" />
				</td>
			</tr>
			<tr>
				<td>
					<input type="radio" id="pollObjSubFlagOBJ_7" name="pollObjSubFlag_7" value="OBJ" onclick="toggleOpts('OBJ');"/><label for="pollObjSubFlagOBJ_7">객관식</label>
					<br />
					<input type="radio" id="pollObjSubFlagSUB_7" name="pollObjSubFlag_7" value="SUB" checked="checked" onclick="toggleOpts('SUB');"/><label for="pollObjSubFlagSUB_7">주관식</label>
					<br />
					<input type="radio" id="pollObjSubFlagOX_7" name="pollObjSubFlag_7"  value="OX" onclick="toggleOpts('OX');"/><label for="pollObjSubFlagOX_7">OX</label>
				</td>
				<td>
					<textarea id="qstVal" name="qstVal" style="width:97%; height:120px;">Q#amp#A</textarea>
				</td>
				<td>
					<div id="optsDiv" style="display:none;">
						1.<input type="text" id="objOpt1" name="objOpt1" style="width:220px;"> <input type="number" id="optPoint1" name="optPoint1" maxlength="3" style="width:50px;"><br/>
						2.<input type="text" id="objOpt2" name="objOpt2" style="width:220px;"> <input type="number" id="optPoint2" name="optPoint2" maxlength="3" style="width:50px;"><br/>
						3.<input type="text" id="objOpt3" name="objOpt3" style="width:220px;"> <input type="number" id="optPoint3" name="optPoint3" maxlength="3" style="width:50px;"><br/>
						4.<input type="text" id="objOpt4" name="objOpt4" style="width:220px;"> <input type="number" id="optPoint4" name="optPoint4" maxlength="3" style="width:50px;">
					</div>
					<div id="oxOptsDiv" style="display:none;">
						1.<input type="text" id="oxOpt1" name="oxOpt1" style="width:220px;"> <input type="number" id="oxOptPoint1" name="oxOptPoint1" maxlength="3" style="width:50px;" value="50"><br/>
						2.<input type="text" id="oxOpt2" name="oxOpt2" style="width:220px;"> <input type="number" id="oxOptPoint2" name="oxOptPoint2" maxlength="3" style="width:50px;" value="0">
					</div>
				</td>
				<td>
					<input type="button" id="buttonStartPoll" name="buttonStartPoll" value="설문시작" onclick="startPoll(this);return false;" />
					<img id="loadingImg" src="img/loading.gif" style="display:none;"/>
					<input type="button" id="buttonTerminatePoll" name="buttonTerminatePoll" value="설문종료" onclick="terminatePoll(this);return false;" style="display:none;" />
					<br/>
					<input type="hidden" id="ptId" />
					<input type="hidden" id="pollId" />
				</td>
			</tr>
			<!-- 
			<tr>
				<td>
					<input type="radio" id="pollObjSubFlagOBJ_8" name="pollObjSubFlag_8" value="OBJ" onclick="toggleOpts('OBJ');"/><label for="pollObjSubFlagOBJ_8">객관식</label>
					<br />
					<input type="radio" id="pollObjSubFlagSUB_8" name="pollObjSubFlag_8" value="SUB" checked="checked" onclick="toggleOpts('SUB');"/><label for="pollObjSubFlagSUB_8">주관식</label>
					<br />
					<input type="radio" id="pollObjSubFlagOX_8" name="pollObjSubFlag_8"  value="OX" onclick="toggleOpts('OX');"/><label for="pollObjSubFlagOX_8">OX</label>
				</td>
				<td>
					<textarea id="qstVal" name="qstVal" style="width:97%; height:120px;">(130점)STEP1 의 핵심은?</textarea>
				</td>
				<td>
					<div id="optsDiv" style="display:none;">
						1.<input type="text" id="objOpt1" name="objOpt1" style="width:220px;"> <input type="number" id="optPoint1" name="optPoint1" maxlength="3" style="width:50px;"><br/>
						2.<input type="text" id="objOpt2" name="objOpt2" style="width:220px;"> <input type="number" id="optPoint2" name="optPoint2" maxlength="3" style="width:50px;"><br/>
						3.<input type="text" id="objOpt3" name="objOpt3" style="width:220px;"> <input type="number" id="optPoint3" name="optPoint3" maxlength="3" style="width:50px;"><br/>
						4.<input type="text" id="objOpt4" name="objOpt4" style="width:220px;"> <input type="number" id="optPoint4" name="optPoint4" maxlength="3" style="width:50px;">
					</div>
					<div id="oxOptsDiv" style="display:none;">
						1.<input type="text" id="oxOpt1" name="oxOpt1" style="width:220px;"> <input type="number" id="oxOptPoint1" name="oxOptPoint1" maxlength="3" style="width:50px;" value="50"><br/>
						2.<input type="text" id="oxOpt2" name="oxOpt2" style="width:220px;"> <input type="number" id="oxOptPoint2" name="oxOptPoint2" maxlength="3" style="width:50px;" value="0">
					</div>
				</td>
				<td>
					<input type="button" id="buttonStartPoll" name="buttonStartPoll" value="설문시작" onclick="startPoll(this);return false;" />
					<img id="loadingImg" src="img/loading.gif" style="display:none;"/>
					<input type="button" id="buttonTerminatePoll" name="buttonTerminatePoll" value="설문종료" onclick="terminatePoll(this);return false;" style="display:none;" />
					<br/>
					<input type="hidden" id="ptId" />
					<input type="hidden" id="pollId" />
				</td>
			</tr>
			<tr>
				<td>
					<input type="radio" id="pollObjSubFlagOBJ_9" name="pollObjSubFlag_9" value="OBJ" onclick="toggleOpts('OBJ');"/><label for="pollObjSubFlagOBJ_9">객관식</label>
					<br />
					<input type="radio" id="pollObjSubFlagSUB_9" name="pollObjSubFlag_9" value="SUB" checked="checked" onclick="toggleOpts('SUB');"/><label for="pollObjSubFlagSUB_9">주관식</label>
					<br />
					<input type="radio" id="pollObjSubFlagOX_9" name="pollObjSubFlag_9"  value="OX" onclick="toggleOpts('OX');"/><label for="pollObjSubFlagOX_9">OX</label>
				</td>
				<td>
					<textarea id="qstVal" name="qstVal" style="width:97%; height:120px;">(130점)STEP2 의 핵심은?</textarea>
				</td>
				<td>
					<div id="optsDiv" style="display:none;">
						1.<input type="text" id="objOpt1" name="objOpt1" style="width:220px;"> <input type="number" id="optPoint1" name="optPoint1" maxlength="3" style="width:50px;"><br/>
						2.<input type="text" id="objOpt2" name="objOpt2" style="width:220px;"> <input type="number" id="optPoint2" name="optPoint2" maxlength="3" style="width:50px;"><br/>
						3.<input type="text" id="objOpt3" name="objOpt3" style="width:220px;"> <input type="number" id="optPoint3" name="optPoint3" maxlength="3" style="width:50px;"><br/>
						4.<input type="text" id="objOpt4" name="objOpt4" style="width:220px;"> <input type="number" id="optPoint4" name="optPoint4" maxlength="3" style="width:50px;">
					</div>
					<div id="oxOptsDiv" style="display:none;">
						1.<input type="text" id="oxOpt1" name="oxOpt1" style="width:220px;"> <input type="number" id="oxOptPoint1" name="oxOptPoint1" maxlength="3" style="width:50px;" value="50"><br/>
						2.<input type="text" id="oxOpt2" name="oxOpt2" style="width:220px;"> <input type="number" id="oxOptPoint2" name="oxOptPoint2" maxlength="3" style="width:50px;" value="0">
					</div>
				</td>
				<td>
					<input type="button" id="buttonStartPoll" name="buttonStartPoll" value="설문시작" onclick="startPoll(this);return false;" />
					<img id="loadingImg" src="img/loading.gif" style="display:none;"/>
					<input type="button" id="buttonTerminatePoll" name="buttonTerminatePoll" value="설문종료" onclick="terminatePoll(this);return false;" style="display:none;" />
					<br/>
					<input type="hidden" id="ptId" />
					<input type="hidden" id="pollId" />
				</td>
			</tr>
			<tr>
				<td>
					<input type="radio" id="pollObjSubFlagOBJ_10" name="pollObjSubFlag_10" value="OBJ" onclick="toggleOpts('OBJ');"/><label for="pollObjSubFlagOBJ_10">객관식</label>
					<br />
					<input type="radio" id="pollObjSubFlagSUB_10" name="pollObjSubFlag_10" value="SUB" checked="checked" onclick="toggleOpts('SUB');"/><label for="pollObjSubFlagSUB_10">주관식</label>
					<br />
					<input type="radio" id="pollObjSubFlagOX_10" name="pollObjSubFlag_10"  value="OX" onclick="toggleOpts('OX');"/><label for="pollObjSubFlagOX_10">OX</label>
				</td>
				<td>
					<textarea id="qstVal" name="qstVal" style="width:97%; height:120px;">(130점)STEP3 의 핵심은?</textarea>
				</td>
				<td>
					<div id="optsDiv" style="display:none;">
						1.<input type="text" id="objOpt1" name="objOpt1" style="width:220px;"> <input type="number" id="optPoint1" name="optPoint1" maxlength="3" style="width:50px;"><br/>
						2.<input type="text" id="objOpt2" name="objOpt2" style="width:220px;"> <input type="number" id="optPoint2" name="optPoint2" maxlength="3" style="width:50px;"><br/>
						3.<input type="text" id="objOpt3" name="objOpt3" style="width:220px;"> <input type="number" id="optPoint3" name="optPoint3" maxlength="3" style="width:50px;"><br/>
						4.<input type="text" id="objOpt4" name="objOpt4" style="width:220px;"> <input type="number" id="optPoint4" name="optPoint4" maxlength="3" style="width:50px;">
					</div>
					<div id="oxOptsDiv" style="display:none;">
						1.<input type="text" id="oxOpt1" name="oxOpt1" style="width:220px;"> <input type="number" id="oxOptPoint1" name="oxOptPoint1" maxlength="3" style="width:50px;" value="50"><br/>
						2.<input type="text" id="oxOpt2" name="oxOpt2" style="width:220px;"> <input type="number" id="oxOptPoint2" name="oxOptPoint2" maxlength="3" style="width:50px;" value="0">
					</div>
				</td>
				<td>
					<input type="button" id="buttonStartPoll" name="buttonStartPoll" value="설문시작" onclick="startPoll(this);return false;" />
					<img id="loadingImg" src="img/loading.gif" style="display:none;"/>
					<input type="button" id="buttonTerminatePoll" name="buttonTerminatePoll" value="설문종료" onclick="terminatePoll(this);return false;" style="display:none;" />
					<br/>
					<input type="hidden" id="ptId" />
					<input type="hidden" id="pollId" />
				</td>
			</tr>
			 -->
		</tbody>
	</table>	
</fieldset>


<fieldset>
	<legend>실습진행</legend>
	<table class="defaultTable">
		<colgroup>
			<col width="20%"/>
			<col width="60%"/>
<%-- 			<col width="400px"/> --%>
			<col width="20%"/>
		</colgroup>
		<tr>
			<th>구분</th>
			<th>메시지</th>
<!-- 			<th>표시지속시간(s)</th> -->
			<th></th>
<!-- 			<th><input type="button" value="순서대로 진행" onclick="startSequencialPractice(this);" /></th> -->
		</tr>
		<tbody id="practiceData">
			<tr>
				<td>
					<input name="rowCheck" type="checkbox">
				</td>
				<td>
					<textarea id="practiceMessage" name="practiceMessage">핸드폰을 눈높이로<br />들어주세요</textarea>
				</td>
<!-- 				<td> -->
<!-- 					<input type="text" id="sustainmentTime" name="sustainmentTime" value="5"> -->
<!-- 				</td> -->
				<td>
					<input type="button" value="전송" onclick="sendMessage(this);goStat('btn','50');return false;" />
				</td>
			</tr>
			<tr>
				<td>
					<input name="rowCheck" type="checkbox">
				</td>
				<td>
					<textarea id="practiceMessage" name="practiceMessage">배꼽이 척추에<br />닿을 정도로 힘주어<br />집어넣으세요</textarea>
				</td>
<!-- 				<td> -->
<!-- 					<input type="text" name="sustainmentTime" value="5"> -->
<!-- 				</td> -->
				<td>
					<input type="button" value="전송" onclick="sendMessage(this);goStat('btn','50');return false;" />
				</td>
			</tr>
			<tr>
				<td>
					<input name="rowCheck" type="checkbox">
				</td>
				<td>
					<textarea id="practiceMessage" name="practiceMessage">누가 위에서 머리꼭대기를<br />잡아당기는 것처럼<br />척추를 늘려주세요</textarea>
				</td>
<!-- 				<td> -->
<!-- 					<input type="text" name="sustainmentTime" value="5"> -->
<!-- 				</td> -->
				<td>
					<input type="button" value="전송" onclick="sendMessage(this);goStat('btn','50');return false;" />
				</td>
			</tr>
			<tr>
				<td>
					<input name="rowCheck" type="checkbox">
				</td>
				<td>
					<textarea id="practiceMessage" name="practiceMessage">두 팔을 앞으로<br />쭉~뻗어주세요</textarea>
				</td>
<!-- 				<td> -->
<!-- 					<input type="text" name="sustainmentTime" value="5"> -->
<!-- 				</td> -->
				<td>
					<input type="button" value="전송" onclick="sendMessage(this);goStat('btn','50');return false;" />
				</td>
			</tr>
			<tr>
				<td>
					<input name="rowCheck" type="checkbox">
				</td>
				<td>
					<textarea id="practiceMessage" name="practiceMessage">오른팔을 한 바퀴<br />돌려주세요</textarea>
				</td>
<!-- 				<td> -->
<!-- 					<input type="text" name="sustainmentTime" value="5"> -->
<!-- 				</td> -->
				<td>
					<input type="button" value="전송" onclick="sendMessage(this);goStat('btn','50');return false;" />
				</td>
			</tr>
			<tr>
				<td>
					<input name="rowCheck" type="checkbox">
				</td>
				<td>
					<textarea id="practiceMessage" name="practiceMessage">왼 팔도 똑같이!</textarea>
				</td>
<!-- 				<td> -->
<!-- 					<input type="text" name="sustainmentTime" value="5"> -->
<!-- 				</td> -->
				<td>
					<input type="button" value="전송" onclick="sendMessage(this);goStat('btn','50');return false;" />
				</td>
			</tr>
			<tr>
				<td>
					<input name="rowCheck" type="checkbox">
				</td>
				<td>
					<textarea id="practiceMessage" name="practiceMessage">목도 한 바퀴<br />돌려주세요</textarea>
				</td>
<!-- 				<td> -->
<!-- 					<input type="text" name="sustainmentTime" value="5"> -->
<!-- 				</td> -->
				<td>
					<input type="button" value="전송" onclick="sendMessage(this);goStat('btn','50');return false;" />
				</td>
			</tr>
			<tr>
				<td>
					<input name="rowCheck" type="checkbox">
				</td>
				<td>
					<textarea id="practiceMessage" name="practiceMessage">일단 여기까지~</textarea>
				</td>
<!-- 				<td> -->
<!-- 					<input type="text" name="sustainmentTime" value="5"> -->
<!-- 				</td> -->
				<td>
					<input type="button" value="전송" onclick="sendMessage(this);goStat('btn','50');return false;" />
				</td>
			</tr>
			<tr><td colspan="3" style="height:50px;">==============================================================================================================</td></tr>
			<tr>
				<td>
					<input name="rowCheck" type="checkbox">
				</td>
				<td>
					<textarea id="practiceMessage" name="practiceMessage">최종 순위 발표</textarea>
				</td>
<!-- 				<td> -->
<!-- 					<input type="text" name="sustainmentTime" value="5"> -->
<!-- 				</td> -->
				<td>
					<input type="button" value="전송" onclick="if( confirm('최종 순위 발표 진행?') ) { sendMessage(this);goStat('btn','50'); return false; }" />
				</td>
			</tr>
		</tbody>
	</table>
	<input type="button" id="buttonStatus" name="buttonStatus" value="실습종료" onclick="goStat('btn','20');return false;"/>
</fieldset>
</body>
</html>